<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>身份认证</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/resize.js" ></script>
		<script type="text/javascript" src="js/jquery-1.10.1.min.js" ></script>
		<script type="text/javascript" src="js/common.js" ></script>
	</head>
	<body>
		<div class="wrap bgwhite">
			<div class="header">
				<div class="warp">
					<a href="javascript:;" class="return-btn fl"></a>
					身份认证
					<a href="javascript:;" class="nav fr" data-click="on"></a>
					<ol class="menu-down">
						<li><a href="index.html">首 页</a></li>
						<li><a href="teacherList.html">教员库</a></li>
						<li><a href="applyfor.html">快速请家教</a></li>
						<li><a href="xueyuanList.html">学员库</a></li>
						<li><a href="parentFeedback.html">家长反馈</a></li>
					</ol>
				</div>
			</div>
			<div class="idpart1">
				<div class="infoLine">
				 	<span>认证状态</span>
				</div>
				<div class="identy-state">未认证</div>
			</div>
			<div class="infoTil bgwhite pl_15">
				<img src="images/infoIcon.png"/>
				<span>请完善您的个人资料，方便为您匹配家教订单</span>
			</div>
			<!--表单-->
			<div class="bgwhite pl_15 idpart2">
				<div class="infoLine">
				 	<span>上传身份证照片</span>
				</div>
				<form action="" method="post" class="uploadImg clearfix ">
					<div class="uploadleft fl">
						<img src="images/uploadimg.png" class="uploadimg"/>
						<div class="uptips">请确保身份证信息和您填写的个人信息一致，图片 限jpg、gif、png格式,200k以内。</div>
						<a href="javascript:void(0)" class="uploadBtn">
							选择文件
							<input type="file"/>
						</a>
					</div>
					<img src="images/uploadex.png" class="uploadex fl"/>
				</form>
			</div>
			<div class="bgwhite pl_15 idpart3">
				<div class="infoLine">
				 	<span>上传学生证照片（此项只有在校大学生需要上传）</span>
				</div>
				<form action="" method="post" class="uploadImg clearfix ">
					<div class="uploadleft fl">
						<img src="images/uploadimg.png" class="uploadimg"/>
						<div class="uptips">请确保身份证信息和您填写的个人信息一致，图片 限jpg、gif、png格式,200k以内。</div>
						<a href="javascript:void(0)" class="uploadBtn">
							选择文件
							<input type="file"/>
						</a>
					</div>
					<img src="images/uploadex.png" class="uploadex fl"/>
				</form>
				<a href="javascript:void(0)" class="loginBtn">提交认证</a>
			</div>
		</div>
		
		<!--底部-->
		<div class="footer">
			<a href="javascript:;" title="返回顶部" class="up-btn" id="back-to-top"></a>
			<div class="footer-msg">
				<img src="images/qrcode.png" class="fl qrcode" />
				<div class="msg-txt fr">
					<p><a href="" class="colorBlue">触屏版</a>|<a href="">电脑版</a></p>
					<p>copyRight@2017-2018</p>
					<p>版权所有：智必达家教</p>
				</div>
			</div>
			<div class="bottom">
				<ul>
					<li>
						<a href="" class="kf">在线客服</a>
					</li>
					<li>
						<a href="" class="tel">400-0000-0000</a>
					</li>
					<li>
						<a href="" class="jiaoyuan">预约教员</a>
						<img src="images/close-btn.png"/>
					</li>
				</ul>
			</div>
			
		</div>
		<script type="text/javascript" src="js/jquery-1.10.1.min.js" ></script>
		<script>
			$(function(){
				$("ul.subject li").click(function(){
					chooseInfo(this);
				})
				$("ul.teachArea li").click(function(){
					chooseInfo(this);
				})
				$("ul.subjectright").on("click","li",function(){
					$(this).css("background","#efefef").siblings("li").css("background","#fff");
					$(this).find("img").css("display","block").parent("li").siblings("li").find("img").css("display","none");
				});
				$("ul.teachArearight").on("click","li",function(){
					$(this).css("background","#efefef").siblings("li").css("background","#fff");
					$(this).find("img").css("display","block").parent("li").siblings("li").find("img").css("display","none");
				})
			})
			function chooseInfo(obj){
				
				var isclick = $(obj).attr("attr-click");
					if(isclick=="on"){
						$(obj).css("background","#efefef").siblings("li").css("background","#fff");
						var subName = $(obj).text();
						var doc ='';
							doc+='<li>'+subName+'';
								doc+='<img src="images/close-btn.png" class="removeInfo" onclick="removeInfo(this)"/>';
							doc+='</li>';
						$(obj).parent("ul").next("ul").append(doc);
						$(obj).attr("attr-click","off");
					}
			}
			function removeInfo(obj){
				$(obj).parent("li").remove();
			}
		</script>
	</body>
</html>
